<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title><ui:insert name="title">.: OpenTextBook :.</ui:insert></title>
            <h:outputStylesheet name="css/jsfcrud.css"/>
            <link rel="shortcut icon" href="#{request.contextPath}/resources/imagenes/favicon.ico" type="image/x-icon"/>
            <style type="text/css">
                #ajax-loader
                {
                    position:fixed;
                    top: 0%;
                    left: 0%;
                    width:100%;
                    height:200%;
                    z-index: 99;
                    background-color:Black;
                    opacity:0.8;
                }
            </style>
            <script type="text/javascript">  
                function handleLoginRequest(xhr, status, args) {  
                    if(args.loggetOut) {  
                        location.href = args.ruta; 
                    } else if(args.validationFailed || !args.loggedIn) {  
                        jQuery('#frmLogin').effect("shake", { times:5 }, 100);  
                    }   
                    else {  
                        location.href = args.ruta; 
                    }  
                }  
            </script>  
        </h:head>

        <h:body>
            <!-- ENCABEZADO -->
            <p:layoutUnit position="top">
                <div id="encabezado">
                    <div id="icono">
                    </div>
                </div>
            </p:layoutUnit>

            <!-- CONTENIDO CENTRAL, EL CUAL ES REMPLAZADO DEPENDIENDO DE LA PÁGINA -->
            <p:layoutUnit position="center">
                <ui:insert name="body"></ui:insert>
            </p:layoutUnit>

            <!--PIE DE PAGINA-->
            <p:layoutUnit position="bottom">
                PIE DE PÁGINA
            </p:layoutUnit>
        </h:body>

    </f:view>

</html>
